<!DOCTYPE html>
<html lang="zxx" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>学生作品</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8"/>
    <link rel="icon" href="images/favicon.ico" th:href="@{/images/favicon.ico}">
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--// Meta tag Keywords -->

    <!-- Custom-Files -->
    <!-- Bootstrap-Core-Css -->
    <link rel="stylesheet" href="css/bootstrap.css" th:href="@{css/bootstrap.css}">
    <!-- Style-Css -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}" type="text/css" media="all"/>
    <!-- Font-Awesome-Icons-Css -->
    <link rel="stylesheet" href="css/fontawesome-all.css" th:href="@{/css/fontawesome-all.css}">
    <!-- //Custom-Files -->

    <!-- Web-Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
          rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
          rel="stylesheet">
    <!-- //Web-Fonts -->
    <link rel="stylesheet" href="css/mystyle.css">
</head>

<body>
<!-- header -->
<div th:replace="include/header::#fragment-id"></div>
<!-- //header -->

<!-- banner -->
<div class="banner-agile-2" style="background: url('https://www.gysxinhua.com/static/pc/picture/zpbanner.jpg')">
    <div th:replace="include/header::#banner"></div>
</div>
<!-- breadcrumb -->


<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="index.html">首页</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">学生作品</li>
    </ol>
</nav>
<!-- breadcrumb -->
<!-- //banner -->

<!-- gallery -->
<section class="gallery py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">平面设计作品</h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="g :${graphicDesign}" style="margin-bottom: 20px">
                    <a href="images/ab.jpg">

                        <div class="section_1_gallery_grid1">
                            <img src="http://www.gysxinhua.com/uploadfile/202206/85ca8c31a1481d5.jpg"
                                 th:src="${g.imagePath}"
                                 alt=" "
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${g.authorName}">test</h3>
                                <p th:text="${#dates.format(g.worksTime, 'yyyy-MM-dd')}">test2</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!--    电子商务-->
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">电子商务设计作品</h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="e :${electronicBusiness}" style="margin-bottom: 20px">
                    <a href="images/ab.jpg">

                        <div class="section_1_gallery_grid1">
                            <img src="http://www.gysxinhua.com/uploadfile/202206/499053999079e71.jpg"
                                 th:src="${e.imagePath}"
                                 alt=" "
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${e.authorName}">test</h3>
                                <p th:text="${#dates.format(e.worksTime, 'yyyy-MM-dd')}">test2</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--    电子商务-->


    <!--    建筑装饰-->
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">建筑装饰作品</h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="a :${architecturalDecoration}" style="margin-bottom: 20px">
                    <a href="images/ab.jpg">

                        <div class="section_1_gallery_grid1">
                            <img src="http://www.gysxinhua.com/uploadfile/202206/4491665b04e2171.jpg"
                                 th:src="${a.imagePath}"
                                 alt=" "
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${a.authorName}">test</h3>
                                <p th:text="${#dates.format(a.worksTime, 'yyyy-MM-dd')}">test2</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--    建筑装饰-->


    <!--    动漫设计-->
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">游戏动漫设计作品</h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="g :${gameAnimation}" style="margin-bottom: 20px">
                    <a href="images/ab.jpg">

                        <div class="section_1_gallery_grid1">
                            <img src="http://www.gysxinhua.com/uploadfile/202206/0390e47d005c0e.jpg"
                                 th:src="${g.imagePath}"
                                 alt=" "
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${g.authorName}">test</h3>
                                <p th:text="${#dates.format(g.worksTime, 'yyyy-MM-dd')}">test2</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--    动漫设计-->


    <!--    网络营销-->-->
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">网络营销设计作品</h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="n :${networkMarketing}" style="margin-bottom: 20px">
                    <a href="images/ab.jpg">
                        <div class="section_1_gallery_grid1">
                            <img src="https://www.gysxinhua.com/uploadfile/202304/0d85751de5efa.jpg"
                                 th:src="${n.imagePath}"
                                 alt=" "
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${n.authorName}">test</h3>
                                <p th:text="${#dates.format(n.worksTime, 'yyyy-MM-dd')}">test2</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--    网络营销-->-->

    <!--    电子竞技-->


    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">电子竞技作品</h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="e :${eSports}" style="margin-bottom: 20px">

                        <div class="section_1_gallery_grid1">
                            <video  th:src="${e.imagePath}" controls  class="img-fluid"></video>
                        </div>

                </div>
            </div>
        </div>
    </div>
    <!--    电子竞技-->


</section>


<div class="brands-w3ls py-md-5 py-4">
    <div class="container py-xl-3">
        <ul class="list-unstyled">
            <li>
                <i class="fab fa-supple"></i>
            </li>
            <li>
                <i class="fab fa-angrycreative"></i>
            </li>
            <li>
                <i class="fab fa-aviato"></i>
            </li>
            <li>
                <i class="fab fa-aws"></i>
            </li>
            <li>
                <i class="fab fa-cpanel"></i>
            </li>
            <li>
                <i class="fab fa-hooli"></i>
            </li>
            <li>
                <i class="fab fa-node"></i>
            </li>
        </ul>
    </div>
</div>
<!-- //brands -->

<!-- footer -->
<div th:replace="include/header::#footer"></div>
<!-- //footer -->


<!-- Js files -->
<!-- JavaScript -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->
<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->

<!-- simpleLightbox -->
<link href="css/simpleLightbox.css" rel='stylesheet' type='text/css'/>
<script src="js/simpleLightbox.js"></script>
<script>
    $('.proj_gallery_grid a').simpleLightbox();
</script>
<!-- //simpleLightbox -->

<!-- smooth scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<!-- //smooth scrolling -->

<!-- move-top -->
<script src="js/move-top.js"></script>
<!-- easing -->
<script src="js/easing.js"></script>
<!--  necessary snippets for few javascript files -->
<script src="js/edulearn.js"></script>


</body>

</html>